import { login, getUserInfo, getUserDetailById } from '@/api/user'
import { setToken, getToken, removeToken, setTimeStamp } from '@/utils/auth'
import { resetRouter } from '@/router'
export default {
  // 开启命名空间，不要和其他模块产生影响
  namespaced: true,
  state: {
    token: getToken(),
    userInfo: {}
  },
  mutations: {
    setToken(state, token) {
      state.token = token
      setToken(token)
    },
    removeToken(state) {
      state.token = null
      removeToken()
    },
    setUserInfo(state, userInfo) {
      state.userInfo = userInfo
    },
    removeUserInfo(state) {
      state.userInfo = {}
    }
  },
  actions: {
    async loginAc({ commit }, data) {
      const token = await login(data)
      commit('setToken', token)
      setTimeStamp()
    },
    async getUserInfo({ commit }) {
      const userInfo = await getUserInfo()
      const userDetail = await getUserDetailById(userInfo.userId)
      const baseInfo = {
        ...userInfo,
        ...userDetail
      }
      commit('setUserInfo', baseInfo)

      // 任何地方 dispatch getUserInfo action 就可以拿到 return 的结果
      return baseInfo
    },
    logout({ commit }) {
      commit('removeToken')
      commit('removeUserInfo')
      // 重置 router 路由对象里面的配置信息，即 routes
      resetRouter()
      // 最好还要把 vuex 中筛选出来的 routes，即控制侧边栏的也重置一下
      // !两个不同的模块之间如何调用 mutation
      commit('permissions/setRoutes', [], {
        // 从根触发，找 permissions 这个模块的 setRoutes mutation
        root: true
      })
    }
  }
}
